<template>
  <div style="background-color: #ffffff">
    <a-card :bordered="false" title="出库箱">
      <a-row :gutter="16" justify="center">
        <a-col :span="7">
          <a-card>
            <a-descriptions title="订单信息" :column="1">
              <a-descriptions-item label="订单编号">55555555555</a-descriptions-item>
              <a-descriptions-item label="收件人">张三</a-descriptions-item>
              <a-descriptions-item label="联系电话">18000000000</a-descriptions-item>
              <a-descriptions-item label="收件地址">
                No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
              </a-descriptions-item>
            </a-descriptions>
            <div style="margin-top:8px">
              <span>货箱数量 :</span><span><a-input type="number" size="small"  :min="1" :max="100000" style="width:150px;margin-left: 5px"/></span>
            </div>
            <div style="margin-top:8px">
              <span>货箱数量 :</span><span>5/5</span>
            </div>
            <div style="margin-top:8px">
              <span>异常物品 :</span><span>20</span>
            </div>
          </a-card>
        </a-col>
        <a-col :span="7">
          <a-card>
            <a-descriptions title="订单信息" :column="1">
              <a-descriptions-item label="订单编号">55555555555</a-descriptions-item>
              <a-descriptions-item label="收件人">张三</a-descriptions-item>
              <a-descriptions-item label="联系电话">18000000000</a-descriptions-item>
              <a-descriptions-item label="收件地址">
                No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
              </a-descriptions-item>
            </a-descriptions>
            <div style="margin-top:8px">
              <span>货箱数量 :</span><span><a-input type="number" size="small"  :min="1" :max="100000" style="width:150px;margin-left: 5px"/></span>
            </div>
            <div style="margin-top:8px">
              <span>货箱数量:</span><span>5/5</span>
            </div>
            <div style="margin-top:8px">
              <span>异常物品:</span><span>20</span>
            </div>
          </a-card>
        </a-col>
        <a-col :span="7">
          <a-card>
            <a-descriptions title="订单信息" :column="1">
              <a-descriptions-item label="订单编号">55555555555</a-descriptions-item>
              <a-descriptions-item label="收件人">张三</a-descriptions-item>
              <a-descriptions-item label="联系电话">18000000000</a-descriptions-item>
              <a-descriptions-item label="收件地址">
                No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
              </a-descriptions-item>
            </a-descriptions>
            <div style="margin-top:8px">
              <span>货箱数量:</span><span><a-input type="number" size="small"  :min="1" :max="100000" style="width:150px;margin-left: 5px"/></span>
            </div>
            <div style="margin-top:8px">
              <span>货箱数量:</span><span>5/5</span>
            </div>
            <div style="margin-top:8px">
              <span>异常物品:</span><span>20</span>
            </div>
          </a-card>
        </a-col>
      </a-row>
    </a-card>
    <a-card title="商品内容">
      <a-row :gutter="16" justify="center">
        <a-input size="large" placeholder="请贴合nfc标签" style="width:50%">
          <template #suffix>
            <shake-outlined/>
          </template>
        </a-input>
      </a-row>
      <a-row :gutter="[16,30]" style="margin-top: 20px">
        <a-col :span="5" :offset="2">
          <a-image :width="200" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/>
        </a-col>
        <a-col :span="5" :offset="2">
          <a-descriptions title="商品信息" :column="1">
            <a-descriptions-item label="商品名称">充气娃娃</a-descriptions-item>
            <a-descriptions-item label="商品sku">34456677899</a-descriptions-item>
            <a-descriptions-item label="nfc">332234566</a-descriptions-item>
          </a-descriptions>
        </a-col>
      </a-row>
    </a-card>
      <a-card title="质检内容" :bordered="false">
        是否合格：
        <a-radio-group name="radioGroup">
          <a-radio value="1">合格</a-radio>
          <a-radio value="2">不合格</a-radio>
        </a-radio-group>
        <a-row :gutter="16" justify="center" style="margin-bottom: 30px;margin-top: 20px">
          <a-button type="primary" size="large">提交</a-button>
        </a-row>
      </a-card>
   
  </div>
</template>
<script lang="ts" setup name="out-list">
import {PageWrapper} from '@/components/page'
import {ShakeOutlined} from '@ant-design/icons-vue';
</script>
